@charset "UTF-8";
/* CSS Document */
div.articles-grid div.grid-controls {
  background-image: url(../images/spacer_35.jpg);
  height: 35px;
  padding: 0 10px;
}
div.articles-grid div.grid-controls div.pagination {
  float: left;
  padding-top: 5px;
}
div.articles-grid div.grid-controls div.grid-options {
  float: right;
}
div.articles-grid div.grid-controls div.grid-options select {
  margin-right: 5px;
  font-size: 11px;
  height: 20px;
  margin-top: 8px;
}
div.articles-grid div.grid-controls div.layout-switch {
  padding-top: 4px;
  float: right;
}
div.articles-grid div.articles div.article {
  float: left;
  width: 220px;
  margin-right: 11px;
  margin-bottom: 10px;
  border: 1px solid #E8E8E8;
}
div.articles-grid div.articles div.column-3 {
  margin-right: 0;
}
div.articles-grid div.info {
  padding: 10px;
  background: white;
  height: 260px;
}
div.articles-grid div.image {
  height: 135px;
  text-align: center;
}
div.articles-grid a.article-name {
  color: #0A58A1;
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  height: 63px;
  display: block;
  overflow: hidden;
}
div.articles-grid .article-price {
  color: #6C6C6C;
}
div.articles-grid .article-price div.gross-price {
  font-weight: bold;
  font-size: 16px;
}
div.articles-grid .article-price div.gross-price-excl {
  font-weight: bold;
  font-size: 14px;
}
div.articles-grid .article-price div.gross-price-incl {
  font-weight: normal;
  font-size: 12px;
}
div.articles-grid .article-price div.gross-price-with-net-price {
  font-weight: bold;
  font-size: 12px;
}
div.articles-grid .article-price div.reductions {
  font-size: 11px;
}
div.articles-grid .article-price div.net-price {
  font-weight: bold;
  font-size: 14px;
}
div.articles-grid .outlet-article-price {
  color: green;
  font-size: 15px;
  font-weight: bold;
}
div.articles-grid div.unit {
  font-size: 11px;
}
div.articles-grid .stock-info {
  float: right;
  font-size: 10px;
  padding-top: 3px;
}
div.articles-grid .stock-info div.order-article {
  background: url(../images/truck.gif) no-repeat 0 2px;
  padding-left: 16px;
}
div.articles-grid .stock-info div.in-stock {
  background: url(../images/check_ok.jpg) no-repeat 0 2px;
  padding-left: 16px;
}
div.articles-grid .stock-info a.datasheet {
  margin-top: 0.5em;
  display: block;
  background: url(../images/icon_pdf.jpg) no-repeat 0 2px;
  padding-left: 16px;
  color: black;
}
div.articles-grid div.vat-message {
  color: #555;
  text-align: center;
  font-size: 10px;
}
div.articles-grid div.articles-table-wrapper {
  background: white;
  border: 1px solid #E6E6E6;
  padding: 15px;
}
div.articles-grid table.articles {
  width: 100%;
}
div.articles-grid table.articles td {
  padding: 7px;
  vertical-align: top;
}
div.articles-grid table.articles td.image {
  text-align: center;
}
div.articles-grid table.articles a.article-name {
  font-size: 14px;
  font-weight: normal;
}
div.articles-grid table.articles td.article-price {
  white-space: nowrap;
  text-align: right;
}
div.articles-grid table.articles td.article-price div.gross-price-with-net-price {
  font-size: 13px;
}
div.articles-grid table.articles td.article-price div.net-price {
  font-size: 15px;
}
div.articles-grid table.articles td.stock-info {
  float: none;
  white-space: nowrap;
}
div.articles-grid table.articles td.code {
  padding: 2px 10px;
  vertical-align: middle;
  background: #F2F2F2 url(../images/downright-arrow.gif) 25px 6px no-repeat;
  padding-left: 40px;
}
div.articles-grid table.articles td.basket-line-container {
  padding: 0;
  vertical-align: middle;
  min-width: 220px;
}
div.articles-grid .code {
  background: #F2F2F2;
  font-size: 12px;
  color: #6f6f6f;
  padding: 3px 10px;
  height: 17px;
  overflow: hidden;
}
body.not-logged-in div.articles-grid div.info {
  height: 240px;
}
div#article-details {
  border: 1px solid #E6E6E6;
  background: white;
}
div#article-details h1 {
  color: #0A58A1;
  font-size: 16px;
  border-bottom: 1px solid #BBB;
  padding: 3px 15px;
}
div#article-details div.contents {
  padding: 15px;
}
div#article-details div.images {
  float: left;
  margin-right: 20px;
  width: 305px;
}
div#article-details div.images div#main-image img {
  border: 1px solid #EEE;
}
div#article-details div.images div.extra-image {
  margin-top: 1em;
  margin-right: 13px;
  float: left;
  width: 90px;
  border: 1px solid #EEE;
}
div#article-details div.images div.column-3 {
  margin-right: 0;
}
div#article-details div.info {
  float: left;
  padding-left: 10px;
  width: 300px;
}
div#article-details div.article-price {
  color: #6C6C6C;
}
div#article-details div.article-price div.gross-price {
  font-weight: bold;
  font-size: 19px;
}
div#article-details div.article-price div.gross-price-with-net-price {
  font-weight: bold;
  font-size: 15px;
}
div#article-details div.article-price div.reductions {
  font-size: 13px;
}
div#article-details div.article-price div.net-price {
  font-weight: bold;
  font-size: 19px;
}
div#article-details div.article-price div.unit {
  font-size: 13px;
}
div#article-details div.stock-info {
  float: right;
  font-size: 12px;
  padding-top: 3px;
}
div#article-details div.stock-info div.order-article {
  background: url(../images/truck.gif) no-repeat 0 2px;
  padding-left: 16px;
}
div#article-details div.stock-info div.in-stock {
  background: url(../images/check_ok.jpg) no-repeat 0 2px;
  padding-left: 16px;
}
div#article-details div.stock-info a.datasheet {
  margin-top: 0.5em;
  display: block;
  background: url(../images/icon_pdf.jpg) no-repeat 0 2px;
  padding-left: 16px;
  color: black;
}
div#article-details div.code {
  background: #F2F2F2;
  font-size: 14px;
  color: #6f6f6f;
  padding: 3px 10px;
  margin-top: 10px;
}
div#article-details div.vat-message {
  text-align: right;
  padding-bottom: 5px;
  padding-right: 15px;
  font-size: 11px;
}
div#article-details .basket-line {
  padding: 3px 10px;
}
div#article-details .basket-line button {
  width: 150px;
}
div#article-details .outlet-info {
  margin-top: 1em;
  padding: 1em;
  background: #dfeaf9;
}
div#article-details .outlet-info strong {
  font-size: 14px;
}
div#article-details .outlet-info .outlet-article-price {
  color: green;
  font-size: 14px;
  font-weight: bold;
}
div#article-details .outlet-info .defect {
  margin-top: 0.5em;
}
a.product-range {
  margin-top: 0.5em;
  display: block;
  background: #D8E9F1 url(../images/pictures.png) no-repeat 1px 2px;
  padding-left: 20px;
  padding-right: 3px;
  height: 20px;
  line-height: 20px;
  color: black;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#catalogue-categories {
  display: block;
  width: 252px;
  text-decoration: none;
  padding-bottom: 40px;
  margin-right: 20px;
  float: left;
}
#catalogue-categories ul {
  margin: 0;
}
#catalogue-categories ul li {
  padding: 5px;
  margin-right: 2px;
  font-size: 13px;
}
#catalogue-categories ul li.active a {
  text-decoration: underline;
}
#catalogue-categories ul li.level-0 {
  border-bottom: 1px solid #F5F5F5;
  margin-left: 15px;
  background: url(../images/arrow.gif) 0 11px no-repeat;
  padding-left: 10px;
}
#catalogue-categories ul li.level-1 {
  background: #F2F2F2 url(../images/arrow.gif) no-repeat 10px 11px;
  margin-left: 15px;
  padding-left: 20px;
  border-bottom: 1px solid white;
}
#catalogue-categories ul li.level-2 {
  margin-left: 35px;
  border-bottom: 1px solid #F5F5F5;
}
#catalogue-categories ul li.level-3 {
  margin-left: 35px;
  border-bottom: 1px solid white;
  background: #F2F2F2 url(../images/arrow.gif) no-repeat 10px 11px;
  padding-left: 20px;
}
#catalogue-categories ul li.level-4 {
  margin-left: 35px;
  border-bottom: 1px solid white;
  background: #edeffa url(../images/arrow.gif) no-repeat 20px 11px;
  padding-left: 30px;
}
#catalogue-categories ul li.level-4 a {
  color: black;
}
#catalogue-categories ul li.level-5 {
  margin-left: 35px;
  border-bottom: 1px solid white;
  padding-left: 35px;
}
#catalogue-categories ul li.level-5 a {
  color: black;
}
#catalogue-categories ul li a {
  color: #666;
}
#catalogue-categories ul li span.num-results-in-category {
  color: #333;
  font-size: 11px;
}
#catalogue-main {
  float: left;
  width: 688px;
}
#header {
  margin: 15px 0;
  clear: both;
}
#header #logo {
  float: left;
  margin-right: 15px;
  width: 124px;
}
#header #main-menu {
  background-image: url(../images/spacer_75.jpg);
  height: 75px;
  float: left;
  width: 550px;
  margin-right: 15px;
}
#header #main-menu li {
  float: left;
  margin-top: 21px;
  margin-bottom: 21px;
  margin-left: 10px;
}
#header #main-menu li a {
  display: block;
  color: #3E71A6;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 17px;
  height: 33px;
  line-height: 33px;
  padding: 0 17px;
}
#header #main-menu li a:hover,
#header #main-menu li.current a {
  color: white;
  background-image: url(../images/spacer_bleu_33.jpg);
}
#header #login-form {
  background-image: url(../images/spacer_93.jpg);
  background-repeat: repeat;
  height: 83px;
  float: left;
  width: 236px;
  clear: right;
  padding: 5px 10px;
}
#header #login-form strong {
  font-size: 13px;
}
#header #login-form input[type=text],
#header #login-form input[type=password] {
  padding: 2px;
  margin-top: 8px;
  margin-bottom: 7px;
  height: 18px;
}
#header #login-form input[type=text] {
  width: 90px;
  float: left;
}
#header #login-form input[type=password] {
  float: right;
  width: 130px;
}
#header #login-form button.submit {
  float: left;
  display: block;
  width: 96px;
}
#header #login-form #remember-login {
  float: right;
  padding-top: 2px;
  line-height: 20px;
}
#header #login-form #remember-login input[type=checkbox] {
  margin-top: 2px;
}
#header #logged-in-user,
#header #basket-overview {
  background-image: url(../images/spacer_75.jpg);
  background-repeat: repeat;
  height: 65px;
  float: left;
  width: 236px;
  clear: right;
  padding: 5px 10px;
}
#header #logged-in-user #user-name {
  color: #115797;
  font-size: 15px;
}
#header #basket-overview {
  position: relative;
}
#header #basket-overview .basket-name {
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  overflow: hidden;
}
#header #basket-overview .total-value {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 14px;
  color: #115797;
}
#header #basket-overview .number-of-items {
  width: 71px;
  height: 40px;
  position: absolute;
  right: 5px;
  bottom: 10px;
  background: url(../images/basket-overview.png);
}
#header #basket-overview .number-of-items a {
  display: block;
  height: 40px;
}
#header #basket-overview .number-of-items .count {
  position: absolute;
  right: 0;
  bottom: 1px;
  color: white;
  font-size: 14px;
  width: 45px;
  text-align: center;
}
#basket-contents table.list label.error {
  display: none !important;
}
#basket-contents table.list input.amount-input.changed {
  background: #f6c4b7;
}
#basket-contents table.list tr.article-specification td {
  padding-left: 20px;
  background: #FFFFCC url(../images/downright-arrow.gif) 7px 12px no-repeat;
}
#basket-contents .basket-actions {
  margin: 1em 0;
  padding: 1em;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  float: left;
  background: #EEE;
}
#basket-contents .basket-actions ul {
  float: left;
}
#basket-contents .basket-actions ul:first-child {
  margin-right: 70px;
}
#basket-contents .basket-actions ul li {
  background: url(../images/bullet_go.png) no-repeat 0 2px;
  padding-left: 20px;
  margin: 4px 0;
}
#basket-contents .basket-actions ul li a {
  font-size: 14px;
  color: black;
}
#basket-contents .basket-actions ul li.delete {
  background-image: url(../images/cross.png);
  margin-bottom: 1em;
}
#basket-contents .basket-actions ul li.new {
  background-image: url(../images/basket_add.png);
}
#basket-contents .basket-actions ul li.copy {
  background-image: url(../images/page_copy.png);
}
#basket-contents .basket-actions ul li.place-order {
  background-image: url(../images/basket_go.png);
  margin-bottom: 1em;
}
#basket-contents .basket-actions ul li.place-order a {
  font-weight: bold;
  /*color: #1650a9;*/
}
.basket-line {
  background: #FFC094;
  font-size: 12px;
  color: black;
  padding-left: 10px;
  height: 23px;
  line-height: 23px;
}
.basket-line span {
  float: left;
  margin-right: 3px;
}
.basket-line input[type=text] {
  width: 50px;
  float: left;
}
.basket-line button.submit {
  width: 95px;
  padding: 0;
  font-size: 11px;
}
.basket-line div.remove {
  display: none;
}
.basket-line div.wait {
  display: none;
}
.basket-line.added {
  background: #a7f89d;
}
.basket-line.added div.remove {
  display: block;
}
.basket-line.added div.add {
  display: none;
}
.basket-line.saving div.wait {
  display: block;
}
.basket-line.saving div.add,
.basket-line.saving div.remove {
  display: none;
}
.basket-line input[type=text] {
  height: 17px;
  text-align: center;
}
.basket-line div.add,
.basket-line div.remove,
.basket-line div.wait {
  float: right;
}
div.article-results-header {
  margin-bottom: 10px;
}
div.article-results-header div.crumbs {
  width: 550px;
  float: left;
}
div.article-results-header div.num-results {
  font-size: 13px;
  font-weight: bold;
  float: right;
  color: #6C6C6C;
}
div.article-results-header div.num-results span.count {
  color: #005FAD;
}
#basket-order-progress {
  margin-bottom: 1em;
  padding: 0.5em 1em;
  font-size: 14px;
  background: white;
}
#basket-order-progress ul li {
  float: left;
  margin-right: 1.5em;
  background: url(../images/bullet_go.png) no-repeat 0 2px;
  padding-left: 20px;
}
#basket-order-progress ul li span.current {
  font-weight: bold;
}
#basket-order-progress ul li span.next {
  color: #808080;
}
#order-details-form #delivery-method ul li {
  margin-bottom: 0.5em;
}
#order-details-form #delivery-method ul li label.error {
  display: none !important;
}
#order-details-form #delivery-method #end-client-data {
  margin-top: 1em;
  border: 1px solid #EEE;
  padding: 0.5em;
}
#delivery-dates .backorder,
#request-delivery-on-demand .backorder {
  color: #c30002;
  font-weight: bold;
}
#delivery-dates .deliverable,
#request-delivery-on-demand .deliverable {
  color: #43a702;
}
table#sales-orders-list tr.delivery-on-demand td {
  background: #FFFFCC;
}
table#sales-orders-list tr.order-details {
  display: none;
}
table#sales-orders-list tr.order-details > td {
  background-color: #eff4ff;
  padding-bottom: 3em;
}
#edit-offer .offer-actions {
  margin: 1em 0;
  padding: 1em;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  float: left;
  background: #EEE;
}
#edit-offer .offer-actions ul {
  float: left;
}
#edit-offer .offer-actions ul:first-child {
  margin-right: 70px;
}
#edit-offer .offer-actions ul li {
  background: url(../images/bullet_go.png) no-repeat 0 2px;
  padding-left: 20px;
  margin: 4px 0;
}
#edit-offer .offer-actions ul li a {
  font-size: 14px;
  color: black;
}
#edit-offer .offer-actions ul li.delete {
  background-image: url(../images/cross.png);
  margin-bottom: 1em;
}
#edit-offer .offer-actions ul li.new {
  background-image: url(../images/basket_add.png);
}
#edit-offer .offer-actions ul li.copy {
  background-image: url(../images/page_copy.png);
}
#edit-offer .offer-actions ul li.place-order {
  background-image: url(../images/basket_go.png);
  margin-bottom: 1em;
}
#edit-offer .offer-actions ul li.place-order a {
  font-weight: bold;
  /*color: #1650a9;*/
}
#edit-offer .offer-actions ul li.print {
  background-image: url(../images/printer.png);
  font-weight: bold;
  margin-top: 1em;
}
#edit-offer table tr.offer-line-actions {
  display: none;
}
#edit-offer table tr.offer-line-actions td {
  padding: 0 0.5em;
  background: #FFFFCC;
  text-align: center;
}
#edit-offer table tr.offer-line-actions td a {
  color: green;
  margin-right: 2em;
}
#edit-offer table input.amount-input.changed {
  background: #f6c4b7;
}
#edit-offer table tbody.ui-sortable {
  cursor: move;
}
#edit-offer table tr.chapter-line td {
  background: #e3eaf8;
}
#edit-offer table tr.chapter-line td.money {
  color: blue;
}
#edit-offer table tr.line-in-chapter td:nth-child(2) {
  padding-left: 20px;
  background: url(../images/downright-arrow.gif) 7px 10px no-repeat;
}
#edit-offer table th.position,
#edit-offer table td.position {
  display: none;
}
#edit-offer table th.position a,
#edit-offer table td.position a {
  cursor: pointer;
}
@keyframes popup {
  from {
    opacity: 0;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(-40px);
  }
}
.popup {
  position: fixed;
  right: calc(50% - 250px);
  bottom: 55%;
  width: 500px;
  z-index: 500;
  box-sizing: border-box;
  padding: 25px 30px 25px 30px;
  background: #345fa9;
  color: white;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  transform: translateY(-40px);
  opacity: 0;
  animation: popup 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  transition: all 0.3s;
  transition-timing: cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
.popup h3 {
  color: white;
  border-bottom: 1px solid white;
  font-size: 17px;
  margin-bottom: 8px;
}
.popup .popup-close {
  background: url("../images/close.svg") top left no-repeat;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 25px;
  height: 25px;
  z-index: 100;
  font-size: 25px;
}
.popup .popup-close:hover {
  cursor: pointer;
  background: url("../images/close_hover.svg") top left no-repeat;
}
.popup p {
  margin-bottom: 15px;
}
.popup a {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}
@media only screen and (max-width: 57em) {
  .popup {
    width: 90%;
  }
  .popup .button {
    padding-right: 25px;
  }
  .popup .button:after {
    visibility: hidden;
  }
}
/* Normalising margin, padding */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
body.test-server {
  background: #b7ebb7;
}
/* Normalising font-size headers */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
/* Deleting list-style lists */
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* Normalising font-style and font-weight */
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Deleting borders fieldset and img */
fieldset,
img {
  border: 0;
}
/* Left aligning caption and th */
caption,
th {
  text-align: left;
}
/* Deleting quotation marks in q */
q:before,
q:after {
  content: '';
}
a {
  outline: none;
  text-decoration: none;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
input[type=text],
input[type=password] {
  border: 1px solid #AEAEAE;
  padding: 2px;
}
input.medium {
  width: 200px;
}
input.number {
  width: 4em;
  text-align: center;
}
input.small {
  width: 4em;
}
textarea.medium {
  width: 400px;
  height: 100px;
}
textarea.large {
  width: 600px;
  height: 200px;
}
.note {
  color: #747474;
}
input.submit,
button.submit,
a.submit {
  text-align: center;
  height: 23px;
  font-size: 12px;
  text-transform: uppercase;
  color: white;
  background-image: url(../images/spacer_orange_23.jpg);
  padding: 0 10px;
  border: 1px solid #C30;
  text-decoration: none;
  vertical-align: top;
  overflow: visible;
  /* IE7 bugfix */
}
input.submit-blue {
  text-align: center;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  text-transform: uppercase;
  color: white;
  background-image: url(../images/spacer_bleu_28.jpg);
  padding: 0 10px;
  border: 1px solid #0838cc;
  text-decoration: none;
  vertical-align: top;
  overflow: visible;
  /* IE7 bugfix */
  font-weight: bold;
}
.standard-margin {
  margin: 1em !important;
}
.top-margin {
  margin-top: 1em;
}
.big-top-margin {
  margin-top: 2em;
}
.right-margin {
  margin-right: 1em;
}
.left-margin {
  margin-left: 1em;
}
.bottom-margin {
  margin-bottom: 1em;
}
table.legend {
  margin-bottom: 1em;
  float: right;
}
table.legend td {
  padding-right: 1em;
  padding-bottom: 0.3em;
  vertical-align: top;
  color: #2f4f4f;
}
table.legend td img {
  vertical-align: top;
  margin-right: 0.5em;
}
table.list {
  background: white;
  border: 1px solid #3e85dc;
  border-collapse: collapse;
  empty-cells: show;
}
table.list tr th {
  text-align: center;
  background: #3e85dc;
  color: white;
  white-space: nowrap;
}
table.list tr.totals td {
  font-weight: bold;
}
table.list td,
table.list th {
  padding: 0.5em;
  border-bottom: 1px solid #3e85dc;
  vertical-align: top;
}
table.list td.centered,
table.list td.center {
  text-align: center;
}
table.list td.number {
  text-align: center;
}
table.list td.price,
table.list td.money {
  text-align: right;
  white-space: nowrap;
}
table.list td.saldo-paid {
  color: green;
}
table.list td.saldo-pending {
  color: orange;
}
table.list td.saldo-pending-expired {
  color: #ff4500;
  font-weight: bold;
}
table.list td.date {
  text-align: center;
  white-space: nowrap;
}
table.list td.actions {
  white-space: nowrap;
}
table.list td.actions a {
  margin: 0 0.25em;
}
table.list.extra-padding td {
  padding: 0.7em;
}
table.form {
  font-size: 13px;
}
table.form td,
table.form th {
  background-color: transparent !important;
  border: none;
  padding: 0.5em;
  padding-bottom: 0.6em;
}
table.form th {
  text-align: right !important;
  padding-right: 0.5em;
  vertical-align: top;
  color: #0A58A1 !important;
}
/* Einde ALGEMEEN */
body {
  background-color: #ececec;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
}
#wrapper {
  width: 960px;
  margin: 0 auto;
}
#main {
  margin: 15px 0;
}
#about-us-menu {
  margin-bottom: 1em;
}
#user-menu,
#about-us-menu {
  background: white;
  margin-top: 10px;
  padding: 0 10px;
  color: #7c7c7c;
  height: 27px;
  line-height: 27px;
}
#user-menu #user-menu-buttons li,
#about-us-menu #user-menu-buttons li,
#user-menu #about-us-pages li,
#about-us-menu #about-us-pages li {
  font-size: 13px;
  float: left;
  text-transform: uppercase;
  position: relative;
}
#user-menu #user-menu-buttons li a,
#about-us-menu #user-menu-buttons li a,
#user-menu #about-us-pages li a,
#about-us-menu #about-us-pages li a {
  color: #7c7c7c;
  display: block;
  padding: 0 15px;
}
#user-menu #user-menu-buttons li a:hover,
#about-us-menu #user-menu-buttons li a:hover,
#user-menu #about-us-pages li a:hover,
#about-us-menu #about-us-pages li a:hover,
#user-menu #user-menu-buttons li.current > a,
#about-us-menu #user-menu-buttons li.current > a,
#user-menu #about-us-pages li.current > a,
#about-us-menu #about-us-pages li.current > a {
  background: url(../images/spacer_green_23.jpg);
  color: white;
  border: 1px solid #80b300;
  padding: 0 14px;
  height: 25px;
}
#user-menu #user-menu-buttons li.logout,
#about-us-menu #user-menu-buttons li.logout,
#user-menu #about-us-pages li.logout,
#about-us-menu #about-us-pages li.logout {
  float: right;
}
#user-menu #user-menu-buttons li:hover ul,
#about-us-menu #user-menu-buttons li:hover ul,
#user-menu #about-us-pages li:hover ul,
#about-us-menu #about-us-pages li:hover ul {
  display: block;
}
#user-menu #user-menu-buttons li ul,
#about-us-menu #user-menu-buttons li ul,
#user-menu #about-us-pages li ul,
#about-us-menu #about-us-pages li ul {
  display: none;
  position: absolute;
  left: 0;
  top: 27px;
  width: 100%;
}
#user-menu #user-menu-buttons li ul li,
#about-us-menu #user-menu-buttons li ul li,
#user-menu #about-us-pages li ul li,
#about-us-menu #about-us-pages li ul li {
  width: 100%;
  clear: both;
  border: 1px solid #eee;
  padding: 0;
  list-style: none;
  background: white;
}
#user-menu #user-menu-buttons li ul li a,
#about-us-menu #user-menu-buttons li ul li a,
#user-menu #about-us-pages li ul li a,
#about-us-menu #about-us-pages li ul li a {
  display: block;
}
#current-user {
  float: right;
  background: white;
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 2px 10px;
}
#current-user .user-name {
  font-weight: bold;
  margin-right: 1em;
}
#footer {
  background-color: #345fa9;
  color: white;
  padding-bottom: 30px;
}
#footer h3 {
  color: white;
  margin: 1em 0;
  font-size: 15px;
  border-bottom: none;
}
#footer h4 {
  color: white;
  margin: 1em 0;
  font-size: 13px;
}
#footer div.column {
  float: left;
  height: 350px;
  border-right: 1px solid #4A7EB6;
  width: 295px;
  padding-left: 20px;
}
#footer div.last-column {
  border-right: none;
}
#footer div.column div.row {
  margin: 10px 0;
}
#footer a {
  color: white;
  text-decoration: underline;
}
#footer img {
  max-width: 70%;
}
#footer .profit-link {
  display: block;
  background: white;
  max-width: 70%;
  padding: 4px 7px 1px 7px;
  border-radius: 5px;
}
#footer .profit-logo {
  max-width: initial;
  width: 100%;
}
.col {
  float: left;
  width: 580px;
}
#news-carousel {
  background: white;
  height: 200px;
}
#news-carousel ul {
  list-style: none none;
  margin: 0;
  padding: 0;
  border: none;
}
#news-carousel ul li {
  display: block;
  width: 688px;
}
#news-carousel ul li .news-content {
  position: relative;
}
#news-carousel ul li .news-content h1 {
  margin-top: 0;
  color: #2679B7;
}
#news-carousel ul li .news-content a.read-more {
  position: absolute;
  bottom: 10px;
}
#news-carousel .jcarousel-clip {
  overflow: hidden;
}
#news-carousel .jcarousel-clip-horizontal {
  width: 688px;
  height: 200px;
}
#news-detail img {
  float: left;
}
#news-carousel-selector {
  display: block;
  background: #B9B9B9;
  text-align: center;
  width: 688px;
  height: 25px;
}
#news-carousel-selector a {
  line-height: 25px;
  height: 25px;
  width: 16px;
  text-align: center;
  font-size: 3px;
  color: transparent;
  background: url(../images/bullet-white.gif) no-repeat 50% 50%;
  margin-left: 0.5em;
  display: inline-block;
}
#news-carousel-selector a.current {
  background: url(../images/bullet-orange.gif) no-repeat 50% 50%;
}
div.block {
  background: white;
  margin-bottom: 1em;
}
div.block h2 {
  background: url(../images/spacer_35.jpg);
  height: 35px;
  line-height: 35px;
  padding-left: 15px;
  display: block;
  font-weight: normal;
  text-transform: uppercase;
  vertical-align: middle;
  color: #345fa9;
  font-size: 14px;
}
div.block div.block-content {
  padding: 15px;
}
div.block img.left-image {
  float: left;
  margin-right: 15px;
}
a.back-to-results {
  display: inline-block;
  text-align: center;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  text-transform: uppercase;
  color: white;
  background-image: url(../images/spacer_bleu_28.jpg);
  padding: 0 10px;
  margin: 6px 0;
  border: 1px solid #0838cc;
  text-decoration: none;
  vertical-align: top;
  overflow: visible;
  /* IE7 bugfix */
  font-weight: bold;
}
div#catalogue-categories a.back-to-results {
  margin-left: 10px;
  margin-top: 10px;
  width: 225px;
  padding: 0;
}
div#article-details-wrapper a.back-to-results {
  float: right;
}
#article-search-form {
  padding: 5px 15px;
}
#article-search-form input[type=text] {
  height: 22px;
  width: 300px;
  margin-right: 10px;
}
div.crumbs {
  margin: 3px 0;
}
div.crumbs,
div.crumbs a {
  color: #6C6C6C;
  font-size: 12px;
  font-weight: bold;
}
div.crumbs span {
  font-weight: normal;
  color: #D2D2D2;
  margin: 0 3px;
}
div.crumbs a {
  white-space: nowrap;
}
div.crumbs a.current {
  color: #005FAD;
}
/* Text */
p {
  font-size: 12px;
  margin-bottom: 1em;
}
h1 {
  font-weight: normal;
  text-transform: uppercase;
  vertical-align: middle;
  color: #345fa9;
  font-size: 25px;
  margin-bottom: 10px;
}
h3 {
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: middle;
  color: #345fa9;
  font-size: 12px;
  border-bottom: 1px solid #c7e3f6;
  margin-bottom: 3px;
}
.copyright {
  text-align: left;
  color: white;
}
a.copyright:link,
a.copyright:visited,
a.copyright:activeLeadsOnly {
  text-decoration: underline;
  color: white;
  font-size: 11px;
  line-height: 14px;
}
a.copyright:hover {
  text-decoration: none;
  color: white;
  font-size: 11px;
  line-height: 14px;
}
p.copyright {
  font-size: 11px;
  line-height: 14px;
  margin-top: 10px;
}
.pricetag {
  margin-top: 5px;
  font-weight: bold;
}
.pagination {
  clear: both;
}
.pagination a {
  text-decoration: none;
  color: #6D6D6D;
  background: white;
}
.pagination a,
.pagination span {
  font-size: 11px;
  display: block;
  float: left;
  padding: 0 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 20px;
  line-height: 20px;
  border: solid 1px #c1c1c1;
}
.pagination .current {
  background: #005FAD;
  color: #fff;
  padding: 0 5px;
}
.pagination .current.prev,
.pagination .current.next {
  color: #999;
  border-color: #999;
  background: #fff;
}
div.warning {
  margin: 1em 0;
  background: #dc143c;
  padding: 0.5em;
  font-size: 14px;
  color: white;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
div.warning a {
  color: white;
}
div.message {
  margin: 1em 0;
  background: #DBEEEC;
  padding: 0.5em;
  font-size: 14px;
  color: black;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
div.global-message {
  margin: 1em 0;
  padding: 0.5em;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding-left: 30px;
  background: black url(../images/information.png) no-repeat 5px 10px;
}
input.date-field {
  width: 6em;
  margin-right: 0.3em;
  vertical-align: bottom;
}
img.ui-datepicker-trigger {
  vertical-align: bottom;
}
label.error {
  color: maroon;
  font-weight: bold;
  padding: 0 1em;
}
input.error,
select.error,
textarea.error {
  border: 1px solid maroon;
  color: maroon;
}
.faq-section a.expand-all {
  float: right;
  margin-right: 1em;
}
.faq-section .faq-question {
  font-size: 13px;
  margin-bottom: 1em;
}
.faq-section .faq-question a.question-link {
  font-size: 14px;
}
.faq-section .faq-question .faq-intro {
  color: gray;
}
.faq-section .faq-question .faq-answer {
  display: none;
  padding: 1em;
  background: #f6f6f6;
}
form input.submit:hover {
  cursor: pointer;
}
/*# sourceMappingURL=style.css.map */